iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 9
1
Modern Web

和少女工程師一起學 JavaScript 系列 第 9

和少女工程師一起學 JavaScript:Day09 物件

  • 分享至 

  • xImage
  •  

物件內可以存放很多種型別,例如:

var person = {
	name: 'yinmin',
	age: 18,
	dogs: ['sunny', 'parker'],
	'001': 'number'
	learn: function(){
		return 'learn js';
	}
}

取得物件屬性資料,有兩種方式,分為點記號和變數

//取得 name 屬性的方式
person.name
person['name']

//取得 learn 函式的方式
person.learn()
person['learn']()

//取得 001 屬性的方式
person.001 //Unexpected number
person['001']

使用點記號是我們較常使用的方式,但是他有一個雷點,點記號後面不能接奇怪的符號或是小數點或是數字,所以可以看到範例中 person.001 會出錯

物件操作

原始物件

var person = {
	name: 'yinmin',
	age: 18,
	dogs: ['sunny', 'parker'],
	'001': 'number'
	learn: function(){
		return 'learn js';
	}
}

  • 新增物件屬性

    person.cats = 3;
    
    //
    var person = {
    	name: 'yinmin',
    	age: 18,
    	dogs: ['sunny', 'parker'],
    	'001': 'number'
    	learn: function(){
    		return 'learn js';
    	},
    	cats:3
    }
    
    
  • 更改物件屬性

    person.age = 22;    
    
    //
    var person = {
    	name: 'yinmin',
    	age: 22,
    	dogs: ['sunny', 'parker'],
    	'001': 'number'
    	learn: function(){
    		return 'learn js';
    	}
    }
    
  • 刪除物件屬性

    delete person.dogs
    
    //
    var person = {
    	name: 'yinmin',
    	age: 18,
    	'001': 'number'
    	learn: function(){
    		return 'learn js';
    	}
    }
    

上一篇
和少女工程師一起學 JavaScript:Day08 陣列方法
下一篇
和少女工程師一起學 JavaScript:Day10 淺拷貝、深拷貝
系列文
和少女工程師一起學 JavaScript 27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言